body { background:url(021s.jpg) #000 right top no-repeat; font-size: 75%; color: #fff }
h1 { font-size:28px; color:#fff; margin:0 0 0.67em 0; padding:0; border: 0; font-weight:bold; }
a { color:#CCC; text-decoration:none }
a:link { color:#CCC }
a:visited { color:#CCC }
a:hover { background: rgb(250, 250, 250); background: rgba(250, 250, 250, 0.6); color: #333; box-shadow: #000 3px 2px 3px; text-shadow:none; text-decoration:none }
ul { padding-left: 2em }
address { text-align: left }
#wrapper { text-shadow:2px 1px 1px #333; margin: 180px 0 0 0; padding: 20px; background-color: rgba(20, 20, 20, 0.4); height:240px }
#body { position: fixed; right: 765px; width: 155px }
#menu { margin: 20px 0 0 0; font-size: 16px; }
#menu li { position: relative; margin: 5px 0 0 0; list-style: none; padding:0 }
#menu li a { padding:3px; display:inline-block; line-height: 16px; border-radius: 2px; }
#menu li ul,#menu li .triangle{display:none}
#menu li:hover ul { position: absolute; top: -18px; left: 120px; border: 1px solid #969696; border-radius: 5px; width: 120px; margin-left: 2px; padding: 3px; display: inline-block; background-color: rgba(255, 255, 255, 0.2); }
#menu li:hover ul li{padding: 0px;margin: 0}
#menu li:hover .triangle { border-color: transparent #969696 transparent transparent; border-style: solid; border-width: 5px 5px 5px 0px; font-size: 0; line-height: 0; width: 0; height: 0; overflow: hidden; display:inline-block}
#content { text-indent: 3em; padding: 10px }
footer { margin-top: 20px; display: block }
#copy-left { font-variant: small-caps; font-family: Georgia, "Times New Roman", Times, serif; }
#powered { display:block }
#icp { display: none; }
#hd, #qxga, #reserved { position: fixed; height: 240px; width: 1em }
#hd { right:1905px }
#qxga { right:2030px }
#reserved { right:10000px }
@media (min-width: 481px) and (max-width: 1024px) {
body { background-position: center top }
#wrapper { padding: 20px 10%; }
#body { position: inherit }
}
